layui.use(['element', 'table', 'layer', 'laypage', ], function () {
    var
        table = layui.table
        , layer = layui.layer,
        element=layui.element
    //表格
    var tableIns=table.render({
         title: '签到表'  // title可以用于文件导出时的文件名设置
        ,  height: 'full-20'
        ,width:900
        , elem: '#activity_register_table' // **table的id**
        , toolbar: '#activity_register_table_toolbar'   // **工具栏的id**
        , url: '/register/getAllRsgisterByActivityId'  //******数据接口******
        //******表头相关设置******
        , cols:[[
            {type: 'checkbox',width:50, align: 'center', fixed: 'left'}
            , {field: 'registerId', title: 'ID'}
            , {field: 'registerTime', title: '签到时间'}
            , {field: 'userName', title: '签到者'}
            , {field: 'registerState', title: '签到状态', sort: true,templet: '#templeTregisterState'}
            // **toolbar为操作列，需要获取操作列内容id**
            , {toolbar: '#activity_register_operate',width:250, title: '设置状态', fixed: 'right', align: 'center'}
        ]]
        // , request: {
        //     pageName: 'Page' //页码的参数名称，默认：page
        //     , limitName: 'PageSize' //每页数据量的参数名，默认：limit
        // }
        , response: {
            statusName: 'code' //规定数据状态的字段名称，默认：code
            , statusCode: 200 //规定成功的状态码，默认：0
            , msgName: 'message' //规定状态信息的字段名称，默认：msg
            , countName: 'count' //规定数据总数的字段名称，默认：count
            , dataName: 'data' //规定数据列表的字段名称，默认：data
        }
        , loading: true
    });




    //监听行工具事件
    table.on('tool(activity_register)', function (obj) {
        layer.msg("修改中....", {
            Number: 9000
        })
        console.log(obj)
        var data = obj.data;
        console.log(obj + ">>>>>")
        var newStae = '';
        if (obj.event === 'zhengchang') {
            newStae = "正常"
        }
        if (obj.event === 'chidao') {
            newStae = "迟到"
        }
        if (obj.event === 'kuangke') {
            newStae = "旷课"

        }
        if (obj.event === 'qingjia') {
            newStae = "请假"

        }
        axios.get('/register/updateRegister', {
            params: {
                registerId: data.registerId,
                registerState: newStae
            }
        }).then(function (response) {
            if (response.data.code == 200) {
                obj.update({
                    registerState: newStae
                })
                layer.msg("修改成功")
            } else {
                layer.msg("修改失败")
            }
        })
            .catch(function (error) {
                console.log(error);
                layer.msg("异常！！！")
            });
    });

   timeout= setTimeout(loop,5000)
    function loop() {
        tableIns.reload();
        timeout= setTimeout(loop,5000)
    }
})